﻿// 提问页主体js代码文件


//verify为true时可提交表单，为false时不可提交
var questionVerify ={
	edit:false,
	cate:false,
	userid:false
};
//限定输入的字符中长度
var num;
$(function(){
	// 右侧提示文字块隐藏
	$('#js-tooltips').hide();
	// 页面加载完后文本域获得焦点，修改其父级div的border并改变宽度值,
	// 鼠标移入文本域事件：修改('#js-tooltips')的css样式与其下的('.content')的内容
	$('#ask_title').focus().parent('.q-main').addClass('focus').css('padding','3px').find('#ask_title').on({
		mouseover:function(){
			reClass('#ask_title','.q-main','请简明清晰的描述您的问题');
		},
		focus:function(){
			$(this).css('border','none').parent('.q-main').addClass('focus').css('padding','3px');
		},
		blur:function(){
			$(this).parent('.q-main').removeClass('focus').css('padding','4px');
		},
		keyup:function(){
			var len = chkzwlen($(this).val());
			num = 50;
			if(len <= num){
				$(this).css('backgroundColor','#FFFFFF');
				$('#inputlimitnum').html("您还可以输入<em>"+(num - len)+"</em>个字");
				if(len){
					$('form[name="ask-form"] #submit').removeClass('bt-dis').addClass('bt-dft');
					questionVerify.edit = true;
				}else{
					$('form[name="ask-form"] #submit').removeClass('bt-dft').addClass('bt-dis');
					questionVerify.edit = false;
				}
			}else{
				$(this).css('backgroundColor','#FFC9C9');
				$('#inputlimitnum').html("您已经超过<em class='red'>"+(len - num)+"</em>字");
				$('form[name="ask-form"] #submit').removeClass('bt-dft').addClass('bt-dis');
				questionVerify.edit = false;
			}
		}
	});
	// 添加补充的移入事件：修改('#js-tooltips')的css样式与其下的('.content')的内容
	// 添加补充的点击事件：显示或隐藏编辑内容文本域
	$('#addmorebtn').on({
		mouseover:function(){
		reClass('#addmorebtn','.add-extra','添加问题的详细描述。');
		},
		click:function(){
		$(this).toggleClass('on');
		$('#editorwraper:visible').slideUp(100);
		$('#editorwraper:hidden').slideDown(100);
		$('#ask_cont').focus();
		}
	});
	// 添加图片的移入事件：修改('#js-tooltips')的css样式与其下的('.content')的内容
	$('#upload').mouseover(function(){
		reClass('#upload','.add-img-html5','请上传5M以内的图片支持PNG/JPG/GIF/BMP格式。');
	});
	$('#add-pay-gold').mouseover(function(){
		reClass('#add-pay-gold','.q-toolbar','悬赏越高，会吸引更多人的回答，更及时的获得满意答案哦。');
	});
	// 添加补充内容textarea
	// 移入事件：
	// 获得焦点事件：
	// 失去焦点事件：
	// 键盘抬起事件：
	$('#ask_cont').on({
		mouseover:function(){
		reClass('#ask_cont','#edui1_iframeholder','添加问题的详细描述。');
		},
		focus:function(){
		$(this).parents('#editorwraper').addClass('focus').css('padding','2px 3px 3px');
		},
		blur:function(){
			$(this).parents('#editorwraper').removeClass('focus').css('padding','4px');
		},
		keyup:function(){
			var len = chkzwlen($(this).val());
			num = 15000;
			if(len <= num){
				$('#edui1_bottombar').html("当前已输入"+len+"个字符, 您还可以输入"+(num - len)+"个字符。");
			}else{
				$('#edui1_bottombar').html("您已经超过最大字符！");
				$('form[name="ask-form"] #submit').removeClass('bt-dft').addClass('bt-dis');
				questionVerify.edit = false;
			}
			// 高度 < 500 ：随着内容的增加而不断变高
			// 高度 >= 500: 高度等于500，设置垂直滚动条
			if($(this).height()<500){
				$(this).css({height:$(this)[0].scrollHeight});
			}else{
				$(this).css({height:500,overflowY:'scroll'}).scrollTop($(this)[0].scrollHeight);
			}
		}
	});
	// 选择分类点击事件
	$('#cat_btn').click(function(){
		$('.mask').css({
			width:$(window).width(),
			height:$(document).height()
		}).show();
		$('#BasePanel01').css({
			top:($(window).height() - $('#BasePanel01').height())/2,
			left:($(window).width() - $('#BasePanel01').width())/2
		}).show();
		// 发送异步查询
		$.post("?c=Category&m=categoryChecke",{pid:0},function (data){
			if(data){
				$('#category-pannel').html(data);
				$('#category-pannel select').eq(0).attr('id','category-select0').find('option').last().attr('selected','selected');
			}
		},'json');
		return false;
	});
	// 分类选择块区域代码

	// 点击具体分类查询其子级分类
	$('#category-pannel select').live("change",function(){
			$(this).nextAll('select').remove();
			var val = $(this).attr('value');
			$.post("?c=Category&m=categoryChecke",{pid:val},function (data){
				if(data){
					$('#category-pannel').append(data);
					for (var i = 1; i < $('#category-pannel select').length; i++) {
						$('#category-pannel select').eq(i).attr('id','category-select'+i);
					};
				}
			},'json');
		}
	);
	// 缩放窗体大小时修改分类块的top/left值，随之居中
	$(window).resize(function(){
		$('#BasePanel01').css({
			top:($(window).height() - $('#BasePanel01').height())/2,
			left:($(window).width() - $('#BasePanel01').width())/2
		});
	});
	// 【确定】按钮移入移出事件
	$('.panel .ft button').hover(function(){
		$(this).css('backgroundPosition','right -340px').parent().css({'backgroundPosition':'0 -220px','backgroundColor':'#4cc311'});
	},function(){
		$(this).css('backgroundPosition','right -300px').parent().css({'backgroundPosition':'0 -180px','backgroundColor':'#3EB10E'});
	}).click(function(){
		var arr = [];
		var cont = "<span>所属分类：<span>";
		var len = $('#category-pannel select').length;
		for (var i = 0; i < len; i++) {
			if($('#category-pannel select').eq(i).val() != ''){
				arr.push($('#category-pannel select').eq(i).val());
				cont += $('#category-pannel select option[value="'+arr[i]+'"]').text()+" > ";
			}
		};
		$('#ask_cate').attr('value',arr[arr.length-1]);
		cont = cont.substr(0,cont.length-2);
		$('.q-cate span').html(cont).siblings('#cat_btn').html('更改分类');
		$('#BasePanel01,.mask').hide();
	});
	// 右上角关闭按钮移入移出事件
	$('.panel .close').hover(function(){
		$(this).css('backgroundPosition','-25px 0');
	},function(){
		$(this).css('backgroundPosition','0 0');
	}).click(function(){
		$('#BasePanel01,.mask').hide();
	});
	// 表单提交按钮事件
	$('#submit').on({
		mouseover:function(){
			if(questionVerify.edit) $(this).css('backgroundPosition','-240px 0');
		},
		mouseout:function(){
			if(questionVerify.edit) $(this).css('backgroundPosition','-120px 0');
		},
		click:function(){
			if(userid){
				if(questionVerify.edit) $(this).css('backgroundPosition','-360px 0');
				if($('#ask_cate').attr('value') == ''){
					$('#cat_btn').trigger('click');
					questionVerify.cate = false;
				}else{
					questionVerify.cate = true;
				}
				questionVerify.userid = true;
			}else{
				$('#rightTopLogin').trigger('click');
				questionVerify.userid = false;
			}
		}
	});
	// 表单提交事件
	$('form[name="ask-form"]').submit(function(){
		if(questionVerify.edit&&questionVerify.cate&&questionVerify.userid){
			return true;
		}else{
			return false;
		}
	});
});
// 修改右侧提示文字块样式与其下的('.content')的内容地函数
function reClass(obj,p,msg){
	$('#js-tooltips').css({
			opacity:1,
			border:'1px solid #ECE05D',
			backgroundColor:'#FEFFD8',
			left:$('.mod-ask-form').outerWidth()+10,
			top:$(obj).parents(p).position().top
	}).show().find('.content').html(msg);
}










